<template>
  <view class="container">
    <text class="success-text">支付成功！</text>
    <button class="back-button" @click="goBack">返回首页</button>
  </view>
</template>

<script>
export default {
  methods: {
    goBack() {
      uni.switchTab({ url: '/pages/index/index' });
    }
  }
};
</script>

<style>
.container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
}

.success-text {
  font-size: 36rpx;
  color: #007AFF;
  margin-bottom: 40rpx;
}

.back-button {
  background: #007AFF;
  color: white;
  padding: 10rpx 30rpx;
  border-radius: 8rpx;
  font-size: 28rpx;
}
</style>